<template>
  <div id="table-list">
    <v-table
      is-horizontal-resize
      :height="350"
      is-vertical-resize
      column-width-drag
      style="width:100%"
      :columns="columns"
      :table-data="tableData"
      row-hover-color="#eee"
      row-click-color="#edf7ff"
    ></v-table>
  </div>
</template>

<script>
export default {
  name: "TableList",

  data() {
    return {
      tableData: [
        {
          name: "赵伟",
          number: 20000000000,
          address: "上海市黄浦区金陵东路569号17楼",
          datetime: "2019-10-28 17:39:39"
        }
      ],
      columns: [
        {
          field: "name",
          title: "姓名",
          titleAlign: "center",
          columnAlign: "center",
          isResize: true,
          width: 150
        },
        {
          field: "number",
          title: "礼金",
          titleAlign: "center",
          columnAlign: "center",
          isResize: true,
          width: 150
        },
        {
          field: "address",
          title: "地址",
          titleAlign: "center",
          columnAlign: "center",
          isResize: true,
          width: 300
        },
        {
          field: "datetime",
          title: "时间",
          titleAlign: "center",
          columnAlign: "center",
          isResize: true,
          width: 200
        }
      ]
    };
  }
};
</script>

<style>
</style>